/* 引入组件 以及插件 */
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui'
/* //引入element-ui的样式 */
import 'element-ui/lib/theme-chalk/index.css'
import './styles/index.scss'

// 七 1、设置拦截守卫 也就是路由拦截 这是为了我们有些操作 要求用户先登录再操作 在vue的官方文档
router.beforeEach((to, from, next) => {
  // 我们登录成功了的话可以直接跳转
  let token = localStorage.getItem('token')
  if (token) {
    // token存在证明登录了
    next()
  } else {
    // 我们没有登陆
    // console.log(to)
    if (to.name !== 'login') {
      // 如果没有登录 点击的不是login页面 我们需要让它先去login页面登录 next('/login')
      next('/login')
    } else {
      console.log(456)
      // 如果没有登录 但是点击的是login页面 可以直接让它过去next()
      next()
    }
  }
})

/* //启用路由插件 */
Vue.use(ElementUI)
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
